<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>公司主营业务</title>
    <!-- vue -->
    <script src="../common/js/vue2.js"></script>
    <!-- 引入通用css -->
    <link rel="stylesheet" href="../common/public.css" />
    <!-- 引入样式vant -->
    <link rel="stylesheet" href="../common/ui/vant-ui/ui.css" />
    <script src="../common/ui/vant-ui/ui.js"></script>
     <!-- 引入http-vue-loader -->
     <script src="../common/js/vueLoader.js"></script>
  </head>
  <body>
    <div id="app">
      <main-top></main-top>
      <div class="mainCenter">
        <div class="leftContent pore">
          <div class="pd20">
            <div class="flex jcsb">
              <div class="fwb ndis500"><van-icon name="arrow-left" size="20" /></div>
              <div class="dis500"></div>
              <div class="prColor">保存</div>
            </div>
            <div class="flex jcsb aic fs24 mgt20">
              <div class="fwb">公司主营业务</div>
              <div><span class="prColor">{{ num }}</span>/10</div>
            </div>
            <div class="fs14 mgt10 c6">
              添加主营业务，方便求职者快速了解公司。平台也将根据你所填写的业务，更好的为您推荐符合要求的牛人。
            </div>
          </div>
          <div class="safeFoot"></div>
          <div class="footer">
            <van-button class="btn">
              <van-icon name="plus" /><span>添加主营业务</span>
            </van-button>
          </div>
        </div>
        <lan-adright></lan-adright>
      </div>
      <main-footer class="bd"></main-footer>
    </div>
  </body>
</html>
<style>
  .fonts {
    font-size: 14px;
    color: #444;
  }
</style>
<script>
  new Vue({
    el: "#app",
    data: {
      num: 0,
    },
    components: {
      "main-top": httpVueLoader("../common/commpent/main/workTop.vue"),
      "main-footer": httpVueLoader("../common/commpent/main/mainFooter.vue"),
      "lan-adright": httpVueLoader("../common/commpent/lan/adRight.vue"),
    },
    methods: {},
  });
</script>
